<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<title>个人中心</title>
	<link rel="stylesheet" href="http://xhh.wasd1.cn/static/css/base.css">
	<link rel="stylesheet" href="../css/icon.css">
	<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div id="focus" class="flexv wrap">
	<div class="flex center head">
		<a href="javascript:;" class="bls bls-zjt"></a>
		<h1 class="flexitem center">个人中心</h1>
		<a href="javascript:;" class="bls bls-dian"></a>
	</div>
	<div class="flexitemv datum">
		<div class="flexv center sub">
			<div class="userimg">
				<img src="../image/banner.jpg" class="fitimg">
			</div>
			<h2 class="flex center name">轩轩</h2>
			<p class="flex center lock">谁查看我的功能：<span>未开通</span></p>
			<div class="flexv centerv front">
				<div class="flexitemv center myfront">
					<em class="flex">0</em>
					<div class="flex">
						<span class="flex center">我的头条</span>
						<i class="flex center bls bls-yjt"></i>
					</div>
				</div>
				<div class="flex line"></div>
				<div class="flexitemv center myfront">
					<em class="flex">0</em>
					<div class="flex">
						<span class="flex center">谁查看我的头条 </span>
						<i class="flex center bls bls-yjt"></i>
					</div>
				</div>
			</div>
		</div>
		
		<div class="flexv func">
			<a href="javascript:;" class="flexitem centerv card">
				<i class="flex center bls bls-mp" style="background:#fbc45d; "></i>
				<span class="flex center text">设置名片</span>
			</a>
			<a href="javascript:;" class="flexitem centerv kt">
				<i class="flex center bls bls-ck" style="background:#f68f66; "></i>
				<span class="flex center text">开通谁查看我的功能</span>
			</a>
			<a href="javascript:;" class="flexitem centerv hy">
				<i class="flex center bls bls-jhy" style="background:#67cef9; "></i>
				<span class="flex center text">邀请好友</span>
			</a>
		</div>
	</div>
	<!--底部-->
	<div class="flex tabbars">
		<div class="flexitem center middle">
			<a href="javascript:;" class="flexv center user">
				<span class="flex userimg">
					<img class="fitimg" src="../image/banner.jpg"/>
				</span>
				<em class="flex center">首页</em>
			</a>
		</div>
		<a href="javascript:;" class="flexv center item">
			<i class="flex center bls bls-fkjl fk"></i>
			<em class="flex center">访客记录</em>
		</a>
		<a href="javascript:;" class="flexv center item">
			<i class="flex center bls bls-zfkt"></i>
			<em class="flex center">支付开通</em>
		</a>
		<a href="javascript:;" id="data" class="flexv center item">
			<i class="flex center bls bls-grzx"></i>
			<em class="flex center">个人中心</em>
		</a>
	</div>
	<!--提示-->
	<div class="flex center alert">
		<div class="mask"></div>
		<div class="content">
			<div class="flex center">邀请海报已通过微信消息发送给你</div>
			<a href="javascript:;" class="flex center">立刻去查看</a>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
<script type="text/javascript">
	$(".hy").click(function () {
        $(".alert").css({"display":"block"});
        $(".alert").find(".content").addClass('trans');
    });
	$(".mask").click(function () {
        $(".alert").css({"display":"none"});
    })
</script>
</html>